<template>
    <div class="exclusive">
        <!-- <div class="tabs clearfix">
            <p @click="currts=3" v-bind:class="{'currt':currts==3}">奖金规则</p>
            <p @click="currts=4" v-bind:class="{'currt':currts==4}">推荐列表</p>
        </div> -->
        <div class="rule">
            <div class="conts">
                <span>蓄康荟会员推荐金大派发：蓄康荟会员邀请新用户注册并成为蓄康荟平台会员，可立即获得平台提供的100元推荐金奖励，推荐金可直接转入账户余额；每个新会员用户仅能被邀请一次，注册成为会员后，推荐人可立刻获得推荐奖金；会员邀请新用户数量不受限制，推荐金无累积上限，推荐多少好友就能拿多少奖金。会员成功邀请的用户名单可在【我的】-【推荐列表】中查询。
                </span>
            </div>
            
        </div>
        

    </div>
</template>

<script>
import http from "@/assets/js/axios";
import axios from 'axios'
import { domain } from '@/assets/js/config'
import $ from 'jquery'
import Qs from 'qs'
import { maskTips } from '@/assets/js/dom'
export default {
    name: 'bonusRuler',
    data() {
        return {
            
        }
    },
    components: {

    },
    mounted() {
        let userToken = localStorage.getItem("token") || ''
        this.userToken = userToken
        // this.getUserInfo()
        // this.getReason()
    },
    methods: {
        direct: function (val) {
            this.$router.push({ path: '/' + val });
        },
        // 替换姓名
        newItem(item) {
            return `${item.substring(0, 1)}**${item.substring(item.length)}`;
        },
        // 用户信息
        getUserInfo: async function () {
            const res = await http.post('xshk/f/assets/query?token=' + this.userToken)
            if (res.data.code == -5) {
                maskTips({ id: "bal-fail", txt: res.data.message })
                this.$router.push('/login')
                return false;
            }
            if (res.data.code == 0) {
                this.userInfo = res.data.data
                console.log(res.data.data)
            }
        },
        // 推荐金列表
        getReason: async function () {
            // this.pgnum = 1;
            let userToken = localStorage.getItem("token") || ''
            let postDo = {
                dataType: 8
            };
            const res = await http.post('xshk/f/assetsStream/queryBy?token=' + userToken, postDo)
            // console.log(res);
            if (res.data.code == -5) {
                maskTips({ id: "bal-fail", txt: res.data.message })
                this.$router.push('/login')
                return false;
            }
            if (res.data.code == 0) {
                this.list = res.data.data
                // this.isLastPage = res.data.data.isLastPage
            }
        },
        getCash: async function(){
            let userToken = localStorage.getItem("token") || ''
            let postuoBalance = this.postUo.balance
            if(postuoBalance == ''){
                maskTips({id:'morethan-zero',txt:'请输入大于0的金额'})
                return false
            }
            const res1 = await http.post('xshk/f/assets/balanceby?token=' + userToken, this.postUo)
            if(res1.data.code === 0){
                maskTips({id:'allow-succ',txt:res1.data.message})
                location.reload()
            }else{
                maskTips({id:'cant-allow',txt:res1.data.message})
            }
        }
    }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/css/mixins.styl';

.exclusive {
    height: 100%;

    .tabs {
        width: 100%;
        font-size: 18px;
        color: #000;
        text-align: center;

        p {
            width: 50%;
            height: 50px;
            line-height: 50px;
            float: left;
            border-bottom: 1px solid #ccc;
        }

        p:nth-child(2) {
            box-sizing: border-box;
            border-left: 1px solid #ccc;
        }

        p.currt {
            color: #8FC31F;
            // border: none;
            border-bottom: 2px solid #8FC31F;
        }
    }

    .rule {
        margin: 0 auto;

        .conts {
            margin: 15px;
            background-color: #cdedd2;

            span {
                text-indent: 35px;
                padding: 15px;
                display: block;
                font-size: 15px;
                color: #333;
                letter-spacing: 2px;
            }
        }

        .tables {
            margin: 15px;

            .top {
                background-color: #cdedd2;

                p {
                    float: left;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    width: 33.3%;
                    font-size: 16px;
                    color: #333;
                    box-sizing: border-box;
                    border: 1px solid #ccc;
                }

                p.censt {
                    border: none;
                    border-top: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }
            }

            .plust {
                p {
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    float: left;
                    width: 33.3%;
                    font-size: 13px;
                    color: #333;
                    border: 1px solid #ccc;
                }

                p.censt {
                    border: none;
                    border-top: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }

                p:nth-child(2) {
                    color: #FF9A30;
                }

                p:nth-child(3) {
                    color: #FF9A30;
                }
            }

            .button {
                p {
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    float: left;
                    width: 33.3%;
                    font-size: 13px;
                    color: #333;
                    border: 1px solid #ccc;
                }

                p.censt {
                    border: none;
                    border-top: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }

                p:nth-child(2) {
                    color: #ff0000;
                }

                p:nth-child(3) {
                    color: #ff0000;
                }
            }
        }

        .btn {
            margin: 15px;
            margin-top: 30px;
            height: 50px;
            line-height: 33px;
            background-color: #8fc31f;
            text-align: center;
            border-radius: 5px;

            span {
                font-size: 20px;
                color: #fff;
            }
        }
    }

    .pool {
        .top {
            width: 100%;
            font-size: 18px;
            color: #000;
            text-align: center;
            border-bottom: 1px solid #ccc;

            .lft {
                width: 25%;
                height: 50px;
                line-height: 50px;
                float: left;
                text-align: center;

                span {
                    font-size: 13px;
                }
            }
        }

        .content {
            padding-bottom: 70px;

            ul {
                li {
                    width: 100%;
                    font-size: 18px;
                    color: #000;
                    text-align: center;
                    border-bottom: 1px solid #ccc;

                    .lft {
                        width: 25%;
                        height: 50px;
                        line-height: 50px;
                        float: left;
                        text-align: center;

                        span {
                            font-size: 13px;
                        }
                    }
                }
            }
        }
    }
    .dl {
        position: absolute;
        display: inline-block;
        height: 1rem;
        z-index: 9;
        font-family: "PingFang-SC-Heavy";
        font-size: 0.6rem;
        line-height: 0.6rem;
        font-weight: 600;
        padding-top: 10px;
        left 12px
    }
    .box_top {
        position relative
    }
    .box_top input {
        box-sizing: border-box;
        width: 100%;
        height: 1rem;
        float: left;
        border: none;
        outline: none;
        font-size: 0.45rem;
        line-height: 0.6rem;
        font-weight: 600;
        border-bottom: 1px solid #f5f5f5;
        margin: 0 auto 0.48rem;
        font-family: "PingFang-SC-Heavy";
        position: relative;
        padding: 0 1rem;
    }
    .box_top .btbtn {
        float: left;
        width: 100%;
        height: 0.96rem;
        border: none;
        outline: none;
        background: #aad114;
        border-radius: 5px;
        color: #fff;
        margin:0.4rem 0;
        font-size: 0.37rem;
    }
    .tjj {
        font-size 18px
        color #999
        text-align center
        font-weight 600 
    }
}
</style>
